<template>
  <div class="footer">
    <div style=" margin: auto 0; ">
      
      <div style="margin-left: 200px;margin-top: 50px;">
        <div style="display: flex;">
          <div style="margin-right: 200px;">
            <div class="Footer_title">友情链接</div>
            <ul >
              <li><a href="https://www.noi.cn" target="_blank" rel="noopener noreferrer">NOI官方网站</a></li>
              <li><a href="https://ioinformatics.org" target="_blank" rel="noopener noreferrer">IOI官网网站</a></li>
              <li><a href="https://www.ccf.org.cn" target="_blank" rel="noopener noreferrer">中国计算机协会官网</a></li>
            </ul>
          </div>
          <div style="margin-right: 200px;">
            <div class="Footer_title" >软件下载</div>
            <ul >
              <li>DEV C++下载（最常用的C++ IDE）<a class="Footer_softwareDownload__naiO1" href="https://nos.netease.com/ydschool-online/1626146255319Dev-Cpp_5.11_TDM-GCC_4.9.2_Setup.exe" target="_blank"
                  rel="noopener noreferrer nofollow">Win版</a></li>
              <li>Chrome 浏览器下载（推荐使用）<a class="Footer_softwareDownload__naiO1" href="https://nos.netease.com/ydschool-online/1626147704801ChromeSetup.exe" target="_blank"
                  rel="noopener noreferrer nofollow">Win版</a><a class="Footer_softwareDownload__naiO1" href="https://nos.netease.com/ydschool-online/1626147516063googlechrome.dmg" target="_blank"
                  rel="noopener noreferrer nofollow">Mac版</a></li>
              <li>NOI Linux 2.0下载（NOI系列赛事官方）<a class="Footer_softwareDownload__naiO1" href="https://noi-download.oss-cn-beijing.aliyuncs.com/ubuntu-noi-v2.0.iso" target="_blank"
                  rel="noopener noreferrer nofollow">通用镜像</a></li>
              <li>VirtualBox下载（免费虚拟机软件）<a class="Footer_softwareDownload__naiO1" href="https://nos.netease.com/ydschool-online/1626146349076VirtualBox-5.2.32-132073-Win.exe" target="_blank"
                  rel="noopener noreferrer nofollow">Win版</a><a class="Footer_softwareDownload__naiO1" href="https://nos.netease.com/ydschool-online/1626146454801VirtualBox-5.2.32-132073-OSX.dmg"
                  target="_blank" rel="noopener noreferrer nofollow">Mac版</a></li>
            </ul>
          </div>
          <div style="margin-right: 200px;">
            <div class="Footer_title" >联系我们</div>
            <ul >
              <li>
                <el-image style="width:80px" src="http://qcdn.songpy.top/markdown/202301081025704.jpg"> </el-image>
                <div>达芬奇编程公众号</div>
              </li> 
            </ul>
          </div>
        </div>
      </div>
      <p class="copyright">Copyright © code-art.cn 版权所有 | 豫ICP备2022028808号</p>
        
    <!-- <el-container>
      <el-row>
        <el-col :span="4">
          <router-link to="">关于我们</router-link>
        </el-col>
        <el-col :span="4">
          <router-link to="">联系我们</router-link>
        </el-col>
        <el-col :span="4">
          <router-link to="">商务合作</router-link>
        </el-col>
        <el-col :span="4">
          <router-link to="">帮助中心</router-link>
        </el-col>
        <el-col :span="4">
          <router-link to="">意见反馈</router-link>
        </el-col>
        <el-col :span="4">
          <router-link to="">新手指南</router-link>
        </el-col>
        <el-col :span="24">
          <p class="copyright">Copyright © code-art.cn 版权所有 | 豫ICP备2022028808号</p>
        </el-col>
      </el-row>
    </el-container> -->
    </div>
  </div>
</template>

<script>
export default {
  name: 'Footer',
  data () {
    return {}
  }
}
</script>


<style scoped>
.footer {
  left: 0;
  bottom: 0;
  position: absolute;
  width: 100%;
  text-align: left;
  background: #f1f7ff;
  height: 220px;   
}
ul {
  list-style-type: none;
}
.Footer_title{
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
}
.footer .el-container {
  width: 1200px;
  margin: auto;
}

.footer .el-row {
  align-items: center;
  padding: 0 200px;
  padding-bottom: 15px;
  width: 100%;
  margin-top: 38px;
}

.footer .el-row a {
  color: #8a9bae;
  font-size: 14px;
}

.footer .copyright {
  text-align: center;
  color: #8a9bae;
  font-size: 14px;

}
</style>
